<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>
<%
	request.setAttribute("title", "更多资讯");
%>
<%@ include file="/WEB-INF/views/shared/master/weContentHeader.jsp"%>
<style type="text/css">
	
	.like{
		float: right;
		font-size: 0.7rem;
	}
	
	.todaynews{
		padding:0px 20px;
		margin-top:15px;
		border-bottom: 4px solid #eee; 
		height: 100px;
		color:black;
	}
	
	.todaynews>div{
		padding:6px
	}
	.todaynews>div>img{
		height: 70px;
	}
	
	.aboutother{
		padding: 20px 10px;
		font-size: 20px;
		color:#afafaf;
		border-bottom: 3px solid #eee; 
	}
	.type{
		color:#afafaf;
		margin-top: 15px;
	}
	.eyes{
		width:25px;
		padding-top: 7px;
	}
	.msg{
		text-align: center;
		margin: 20px 0px;
		color:#afafaf;
	}
	
	.titlehidden{
		overflow:hidden;
		text-overflow:ellipsis;	
		display:-webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;			
	}
	.smallimg{
		width: 5.5rem;
	}

</style>
<%@ include file="/WEB-INF/views/shared/master/weTitle.jsp"%>
<div class="goback" data-back-href="<c:url value='/wechat/share/cloudSharing'/>"></div>		
<div>
	<h3 class="aboutother">相关推荐</h3>
	<div class="msg" >
		<img class=""  src="<c:url value='/images/we/cloudSharing/null.png'/>" />
		<p class="p_msg">${msg}</p>
	</div>
	<div>				
		<c:forEach items="${infos}" var="info">			
			<a href="<c:url value='/wechat/share/informationDetails?key=${info.id}&fromWhere=moreInformation' />">
				<div class="weui-flex todaynews">
					<div class="weui-flex__item " style="flex-grow:1;justify-content: center;align-items:center; " id="test">
						<c:if test="${info.infoThumbnailId!=null && info.infoThumbnailId!=''}">
							<img class="smallimg" src="${tfn:getFileUrl(info.infoThumbnailId)}" style="height: 70px;width:100%"/> 
						</c:if>
						<c:if test="${info.infoThumbnailId ==null || info.infoThumbnailId==''}">
							<img class="smallimg" style="width:100%;display: block;" src="<c:url value='/images/we/index/WechatIMG8.jpeg' />" />
						</c:if>
					</div>
						
					<div class="weui-flex__item" style="flex-grow:2">
						<p class="titlehidden">${info.infoTitle}</p>
						<p class="type">
							<span style="float: right;">
								<span class="like">&nbsp;&nbsp;&nbsp;${info.viewTimes.viewtimes}</span>
								<img class="like" style="width:16px;display: block;padding-top:0.2rem " src="<c:url value='/images/we/cloudSharing/eye.png'/>" />								
							</span>							
						</p>
					</div>
				</div>
			</a>
		</c:forEach>				
	</div>
</div>	
		
<%@ include file="/WEB-INF/views/shared/scripts/jquery.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/jqweui.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/tabmob.jsp"%>
<script type="text/javascript">
$(function () {
	if($(".p_msg").html()==""){
		$(".msg").hide();
	}else{
		$(".msg").show();
	}
})
</script>
<%@ include file="/WEB-INF/views/shared/master/weContentFooter.jsp"%>